<style>
	@-moz-keyframes animate1{	
		0%{color:red;}
		50%{color:blue}
		100%{color:green}
	}
	@-webkit-keyframes animate1{	
		0%{color:red;}
		50%{color:blue}
		100%{color:green}
	}
	@keyframes animate1{	
		0%{color:red;}
		50%{color:blue}
		100%{color:green}
	}
	
	@-moz-keyframes animate2{	
		from{color:yellow;}
		50%{color:darkslategray}
		to{color:blueviolet}
	}
	@-webkit-keyframes animate2{	
		from{color:yellow;}
		50%{color:darkslategray}
		to{color:blueviolet}
	}
	@keyframes animate2{	
		from{color:yellow;}
		50%{color:darkslategray}
		to{color:blueviolet}
	}
</style>
<div class="template">青火网络诚邀您来学习，在这里你可以轻松的学到你想要的前端知识</div>